body
{
    font-size: 1.0em;
    padding: 0;
    margin: 0;
    background-color: #fcfcfc;
    font-family: "Segoe UI", "Trebuchet MS", Arial;
}

a
{
    color: #005;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

.error
{
    color: #900;
    font-size: 0.9em;
}

.subtle
{
    font-size: 0.9em;
}

div#banner
{
    font-family: Purisa, Serif;
    font-size: 4em;
    text-align: center;
    margin: 80px 0px 0px 0px;
}

div#content
{
    margin-left: 10%;
    width: 60em;
    border: 5px solid;
}

div#description
{
    margin: 5px 80px 80px 80px;
    text-align: center;
}

div#myCategories
{
    width: 50em;
    height: 5em;
    border: 1px solid;
    margin: 20px auto;
}

div#publicCategories
{
    width: 50em;
    height: 5em;
    border: 1px solid;
    margin: 20px auto;
}

div#button
{
    float: right;
}

div#header
{
    margin-left: 20%;
}

div#footer
{
    margin-left: 40%;
}

div#options
{
   height: 5em;
}

div#question
{
    margin-left: 20%;
    border: 1px solid;
    height: 5em;
    width: 40em;
}

div#alternatives
{
    margin-left: 20%;
    border: 1px solid;
    height: 10em;
    width: 40em;
}

div#top
{
    margin-left: 40%;
}

div#logout
{
    float: right;
}

div.login
{
    margin: auto;
    width: 50%;
}

div.loginContainer
{
    margin: 20px auto;
    background-color: #dfdfdf;
    border-width: 0px;
    padding: 80px 0px;
    width: 600px;
    position: relative;
}

div.ulc
{
    background-image: url(ulc.png);
    background-position: top left;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50px; height: 50px;
}

div.lrc
{
    background-image: url(lrc.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 50px; height: 50px;
}

